<!DOCTYPE html>
<html>
<head>
    <title>小兵人脸识别签到</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    <link rel="shortcut icon" href="">
    <link rel="stylesheet" href="css/css.css">
    <script src="js/resize.js"></script>
    <script src="js/jq.js"></script>
</head>
<body>
<div id="page">
    <header>
        <h1>小兵人脸识别签到</h1>
        <p>HUIZHOURENLIANSHIBIEQIANDAO</p>
    </header>

    <section>
        <aside class="left">
            <h2>大会议程</h2>
            <ul>
                <li class="active">
                    <time>09:00</time>
                    <div>
                        <p>签到</p>
                    </div>
                </li>
                <li>
                    <time>10:00</time>
                    <div>
                        <p>议程一</p>
                        <small>双十一数据展示</small>
                    </div>
                </li>
                <li>
                    <time>14:00</time>
                    <div>
                        <p>议程二</p>
                        <small>双十一数据分析</small>
                    </div>
                </li>
                <li>
                    <time>16:00</time>
                    <div>
                        <p>议程三</p>
                        <small>经验总结，不足反思</small>
                    </div>
                </li>
                <li>
                    <time>18:00</time>
                    <div>
                        <p>结束</p>
                        <small>表彰</small>
                    </div>
                </li>
            </ul>
            <div class="bottom">
                <h1 id="time">00:00 00</h1>
                <p>当前时间</p>
            </div>
        </aside>
        <div class="center">
            <div class="content">
                <div class="img"></div>
            </div>
            <div class="bottom">
                <div class="name">
                    <h1>__</h1>
                    <small>___</small>
                </div>
                <div class="headimg"></div>
                <div class="seat">
                    <h1>A行32座</h1>
                    <small>欢迎参加会议</small>
                </div>
            </div>
        </div>
        <aside class="right">
            <ul id="list"></ul>
            <div class="bottom">
                <h1 id="num"></h1>
                <p>签到人数</p>
            </div>
        </aside>
        <div class="ring">
            <img class="large" src="img/ring_large.png" alt="">
            <img class="small shadow" src="img/ring_small.png" alt="">
            <img class="small border shadow" src="img/border.png" alt="">
            <img class="small" src="img/ring_small.png" alt="">
            <img class="small border" src="img/border.png" alt="">
        </div>
    </section>
</div>
<script src="js/js.js"></script>
</body>
</html>
